<template>
  <div class="tanchuangbg" v-show="showRule" @click="toggleShowRule" style="display: none;" >
    <div class="xiazhutc" @click.stop>
      <p class="xiazhutc_p1">{{$t('rules.game_rule')}}<i @click="toggleShowRule" class="iconfont icon-guanbi" ></i></p>

      <P class="xiazhutc_p3" v-html="$t('rules.rule_des')"></P>
    </div>
  </div>
</template>

<script>
export default {
  data: function () {
    return {
      showRule: false
    }
  },
  methods: {
    toggleShowRule () {
      this.showRule = !this.showRule
    }
  }
}
</script>

<style></style>
